<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=no">
    <title>日新网 - 服务商</title>
    <tc_include file="scripts"/>
    <style>

        .project_index {
            margin-left: .5rem;
            margin-top: .3rem;
        }

        .project_index th {
            font-size: .20rem;
            color: #a9a9a9;
            margin-top: .04rem !important;
        }

        .project_index td {
            font-size: .24rem !important;
            color: #333333 !important;
        }

        hr {
            border-top: 1px solid #a9a9a9;
            margin: .20rem 0 !important;
        }

        .s_icon {
            position: fixed;
            /*bottom: 1rem;*/
            top: 0;
            z-index: 100;
            display: none;
        }
        .carousel-inner .item {
            width: 100%;
        }
        .carousel-inner .item img {
            width: 100%;

        }

        /*弹窗样式 开始*/
        #masker {
            height: 100%;
            width: 100%;
            background-color: #000000;
            position: absolute;
            top: 0;
            left: 0;
            opacity: .2;
            filter: alpha(opacity=20);
            -moz-opacity: 0.2;
            display: none;
        }

        .layer1 {
            width: 7rem;
            height: 4.9rem;
            border-radius: .2rem;
            /*background-color: #fff;*/
            -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
            -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
            box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
            background: #fff url(./themes/simplebootx_mobile/Public/assets/images/pulse_icon/layer.png) top center no-repeat;
            -webkit-background-size: 5.52rem 2.18rem;
            background-size: 5.52rem 2.18rem;
            box-sizing: border-box;
            padding-top: 2rem;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            margin: auto;
            display: none;

        }

        .layer1 img {
            position: absolute;
            left: 50%;
            margin-left: -.92rem;
            width: 1.84rem;
            height: 1.84rem;
        }

        .layer1 span {
            display: block;
            width: 1.2rem;
            height: .35rem;
            background-color: #b71d24;
            line-height: .35rem;
            border-radius: .2rem;
            text-align: center;
            color: #FFFFFF;
            font-size: .2rem;
            letter-spacing: 1px;
            margin: 0 auto;
            margin-top: 2.1rem;
            cursor: pointer;

        }
        .article_content {
            height: auto!important;
        }
        .article_content img {
            width: 100%!important;
            height: auto!important;
        }

        .ellipsis3 {overflow: hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical;}
    </style>
</head>
<body>
<tc_include file="Public:nav"/>
<!--弹窗代码开始-->
<div id="masker"></div>
<div class="layer1">
    <img src="/themes/simplebootx_mobile/Public/assets/images/pulse_icon/layer_er.png" alt="">
    <span class="close1">我知道了</span>
</div>
<!--弹窗代码结束-->
<div class="pulse_top clearfix" id="tab1">
    <div class="pull-left top_img">
        <img src="{:sp_get_image_preview_url($sp_info['logo'])}" alt="">
    </div>
    <p class="text pull-left">
        <span>{$sp_info.company_name}</span> <br>
        <i class="ellipsis3">{$sp_info.sign}</i>
    </p>
    <p class="top_btn pull-left">服务咨询</p>
</div>
<div class="pulse_icon clearfix">
    <div class="leftarea pull-left">
        <a href="#tab1"><img src="/themes/simplebootx_mobile/Public/assets/images/pulse_icon/1.png" alt=""></a>
    </div>
    <div class="rightarea pull-left clearfix">
        <a href="#tab2"><img src="/themes/simplebootx_mobile/Public/assets/images/pulse_icon/2.png" alt=""></a>
        <a href="#tab3"><img src="/themes/simplebootx_mobile/Public/assets/images/pulse_icon/3.png" alt=""></a>
        <a href="#tab4"><img src="/themes/simplebootx_mobile/Public/assets/images/pulse_icon/4.png" alt=""></a>
        <a href="#tab5"><img src="/themes/simplebootx_mobile/Public/assets/images/pulse_icon/5.png" alt=""></a>
        <a href="#tab6"><img src="/themes/simplebootx_mobile/Public/assets/images/pulse_icon/6.png" alt=""></a>
        <a href="#tab7"><img src="/themes/simplebootx_mobile/Public/assets/images/pulse_icon/7.png" alt=""></a>
    </div>
    <div class="s_icon clearfix">
        <a href="#tab1"><img class="s_icon1" src="/themes/simplebootx_mobile/Public/assets/images/pulse_icon/s1.png"
                             alt=""></a>
        <a href="#tab2"><img class="s_icon2" src="/themes/simplebootx_mobile/Public/assets/images/pulse_icon/s2.png"
                             alt=""></a>
        <a href="#tab3"><img class="s_icon3" src="/themes/simplebootx_mobile/Public/assets/images/pulse_icon/s3.png"
                             alt=""></a>
        <a href="#tab4"><img class="s_icon4" src="/themes/simplebootx_mobile/Public/assets/images/pulse_icon/s4.png"
                             alt=""></a>
        <a href="#tab5"><img class="s_icon5" src="/themes/simplebootx_mobile/Public/assets/images/pulse_icon/s5.png"
                             alt=""></a>
        <a href="#tab6"><img class="s_icon6" src="/themes/simplebootx_mobile/Public/assets/images/pulse_icon/s6.png"
                             alt=""></a>
        <a href="#tab7"><img class="s_icon7" src="/themes/simplebootx_mobile/Public/assets/images/pulse_icon/s7.png"
                             alt=""></a>
    </div>
</div>
<div class="pulse_content">
    <!--基础信息部分-->
    <div class=" pulse_details">
        <div>
            <h3>基本信息</h3>
            <div class="text">
                <p class="content">{$sp_info.company_desc}</p>
                <p class="name">{$sp_info.company_full_name}</p>
                <p style="margin-bottom: 3px;">{$sp_info.company_addr}</p>
                <p class="text_item">
                    <span>{$sp_info.established_time}</span>
                    <span class="pull-right text-right">{$sp_info.scale}</span>
                </p>
            </div>
        </div>
        <div>
            <h3>服务范围</h3>
            <div class="project_index">
                <div class="project_label_item clearfix">
                    <dl>
                        <dt style="margin-top: .04rem;">行业</dt>
                        <volist name="sp_info.category_names" id="vo">
                            <dd>{$vo}</dd>
                        </volist>
                    </dl>
                </div>
                <div class="project_label_item clearfix">
                    <dl>
                        <dt style="margin-top: .04rem;">城市</dt>
                        <volist name="sp_info.city_names" id="vo">
                            <dd>{$vo}</dd>
                        </volist>
                    </dl>
                </div>
            </div>
        </div>

        <if condition="!empty($sp_financing)">
            <div>
                <h3>融资</h3>
                <p class="financing">
                    <volist name="sp_financing" id="vo">
                        <span>{$vo.round}</span><span>{$vo.time}</span><span>{$vo.amount}</span><span>{$vo.from}</span>
                    </volist>
                </p>
            </div>
        </if>

        <if condition="!empty($sp_member)">
            <div>
                <h3>团队</h3>
                <volist name="sp_member" id="vo">
                    <div class="team clearfix">
                        <div class="leftarea pull-left">
                            <img src="{:sp_get_image_preview_url($vo['avatar'])}" alt="">
                        </div>
                        <div class="rightarea pull-left">
                            <p class="name">
                                <span>{$vo.name}</span><i>{$vo.position}</i>
                            </p>
                            <p class="ellipsis3">{$vo.desc}</p>
                        </div>
                    </div>
                </volist>
            </div>
        </if>
    </div>
    <hr>
    <!--服务介绍-->
    <if condition="!empty($sp_info['service_desc'])">
        <div class="service" id="tab2">
            <h2>服务介绍</h2>
            <div class="service_content article_content">
                {$sp_info.service_desc}
            </div>
        </div>
        <hr>
    </if>

    <!--合作收益-->
    <if condition="!empty($sp_info['benifit'])">
        <div class="service" id="tab3">
            <h2>合作收益</h2>
            <div class="service_content article_content">
                {$sp_info.benifit}
            </div>
        </div>
        <hr>
    </if>


    <!--合作条件-->
    <if condition="!empty($sp_info['condition'])">
        <div class="service" id="tab4">
            <h2>合作条件</h2>
            <div class="service_content article_content">
                {$sp_info.condition}
            </div>
        </div>
        <hr>
    </if>


    <!--项目反馈-->
    <if condition="!empty($sp_project)">
        <div class="feedback" id="tab5">
            <h2>项目反馈</h2>
            <volist name="sp_project" id="vo" key="sp_key">
                <div class="feedback_item">
                    <div class="title">
                        <p class="title_top">
                            <span class="name">{$vo.name}</span>
                            <!--<span class="icon">住宅公寓</span>-->
                            <!--<span class="address">天津</span>-->
                            <span class="address">{$vo.city_name}</span>
                        </p>
                        <h4>项目名称</h4>
                        <p class="introduce">{$vo.desc}</p>
                    </div>
                    <!--boostrap 轮播图1-->
                    <div id="carousel-example-generic" class="carousel slide comWidth" data-ride="carousel">
                        <!-- Indicators -->
                        <ol class="carousel-indicators">
                            <volist name="vo.imgs" id="vo_img">
                                <li data-target="#carousel-example-generic{$sp_key}" data-slide-to="{$key}"
                                    class="{$key == 0 ? 'active' : ''}"></li>
                            </volist>
                        </ol>

                        <!-- Wrapper for slides -->
                        <div class="carousel-inner" role="listbox">
                            <volist name="vo.imgs" id="vo_img">
                                <div class="item {$key == 0 ? 'active' : ''}">
                                    <a href=""><img src="{:sp_get_image_preview_url($vo_img)}"></a>
                                </div>
                            </volist>
                        </div>
                        <!-- Controls -->
                        <a class="left carousel-control" href="#carousel-example-generic{$sp_key}" role="button"
                           data-slide="prev" style="margin-left: .15rem;">
                            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                            <span class="sr-only">Previous</span>
                        </a>
                        <a class="right carousel-control" href="#carousel-example-generic{$sp_key}" role="button"
                           data-slide="next" style="margin-right: .15rem;">
                            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                            <span class="sr-only">Next</span>
                        </a>
                    </div>
                </div>
            </volist>
        </div>
        <hr>
    </if>


    <!--政策支持-->
    <if condition="!empty($sp_link)">
        <div class="support" id="tab6">
            <h2>政策支持</h2>
            <volist name="sp_link" id="vo">
                <if condition="$vo['type'] == 1">
                    <a href="{$vo.link}">
                        <div class="support_item clearfix">
                            <p>{$vo.title}</p>
                            <span>{$vo.from}</span>
                        </div>
                    </a>
                </if>
            </volist>
        </div>
        <hr>
        <!--新闻报道-->
        <div class="support" id="tab7">
            <h2>新闻报道</h2>
            <volist name="sp_link" id="vo">
                <if condition="$vo['type'] == 2">
                    <a href="{$vo.link}">
                        <div class="support_item clearfix">
                            <p>{$vo.title}</p>
                            <span>{$vo.from}</span>
                        </div>
                    </a>
                </if>
            </volist>
        </div>
    </if>
</div>
<!--页脚-->
<tc_include file="Public:footer"/>
<script>
    window.onscroll = function () {
        //变量t是滚动条滚动时，距离顶部的距离
        var t = document.documentElement.scrollTop || document.body.scrollTop;
        var lea = document.getElementsByClassName("s_icon");
        if (t >= 300) {
            lea[0].style.display = "block";
        } else {          //恢复正常
            lea[0].style.display = "none";
        }
    }
</script>

<!--弹窗-->
<script>
    $(function () {
        $(".top_btn").click(function () {
            var h = document.body.scrollHeight;
            $(".layer1 , #masker").css("display", "block");
            $("#masker").css("height", h);
        })
        $(".layer1 .close1").click(function () {
            $(".layer1 , #masker").css("display", "none");

        })
    });
</script>

</body>
</html>